<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('myorders3-page/css/myorders.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-center"></a>

    <h1 class="title">我的订单</h1>
</header>
<div class="content" ng-init="havedBuyOrders()">
    <!--顶部标签页start-->
    <div class="toptab">
        <a href="#/myorders1">全部订单</a>
        <a href="#/myorders2">待付款</a>
        <a href="" class="aactive">已完成</a>
    </div>

    <!--每一个商品start-->
    <div class="card" ng-repeat="orderInfo in allOrderInfo">
        <div class="card-header">
            {{orderInfo.aClass.classType.typeName}}
            {{orderInfo.orderStatus|isBuy}}
            <img src="page/myorders1-page/img/rightarrow.png" alt=""/></div>

        <div>
            <div class="card-content">
                <div class="list-block media-list">

                    <ul>
                        <a>
                            <li class="item-content" ng-click="getOrderId(orderInfo.orderId)">
                                <div class="item-media">
                                    <img ng-src="{{orderInfo.aClass.classImg}}" alt="">
                                </div>
                                <div class="item-inner">
                                    <div class="item-title-row">
                                        <div class="item-title">{{orderInfo.aClass.classTitle}}</div>
                                    </div>
                                    <div class="item-subtitle">{{orderInfo.aClass.classDetail | cut:true:28:'...'}}
                                    </div>
                                    <p>{{orderInfo.orderDate|date:'yyyy-MM-dd'}}</p>
                                    <a>{{orderInfo.aClass.classPrice|currency:" ¥ " }}</a>

                                </div>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <!--每一个商品end-->

    <div ng-if="allOrderInfoCount==0" class="card" style="border: none">
        <div class="card-picture" style="padding-top: 3rem;width: 5rem;margin: 0 auto">
            <img ng-src="page/myorders1-page/img/noorder.png" alt="" style="width: 5rem">
        </div>
        <div style="width: 5rem;margin: 0 auto;text-align: center;color: #eaeaea">{{noOrder}}</div>

    </div>
</div>
<div ng-init="suiMobileInit()"></div>
